<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        div{
            color: red;
            border: 2px solid red;
        }
    </style>
</head>
<body>
  <!-- 们给div标签增加红色属性，却发现，div里的每一个子标签<p>也增加了红色属性。于是我们得到这样的结论：
有一些属性，当给自己设置的时候，自己的后代都继承上了，这个就是继承性 
关于文字样式的属性，都具有继承性。这些属性包括：color、 text-开头的、line-开头的、font-开头的。
关于盒子、定位、布局的属性，都不能继承。
-->
    <div>
        <p>123</p>
        <p>456</p>
    </div>
</body>
</html>